@charset "utf-8";
.boxBg {
	width:495px;
	margin-top:60px;
	margin-left:80px;
	height:489px;
	position:absolute;
	z-index:999;
	
}
.boxLogin {
	width:268px;
	margin-left:625px;	
	margin-top:60px;	
	position:absolute;
	min-height:215px;
}
.boxLogin h2 {
	width:268px;
	display:inline-table;
	margin-bottom:10px;
}
.boxLogin .loginItem {
	width:228px;	
	padding:20px 20px 10px;	
	min-height:200px;		
	background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#cbc8c8)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eaeaea,  #cbc8c8); /* for firefox 3.6+ */ 	
	background-color:#eaeaea\0;
	background-color:#eaeaea\9;
	*background-color:#eaeaea;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    border-radius:5px;	
}
.boxLogin .loginItem h3 {
	color:#1a8f02;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	padding-bottom:15px;
}
.boxLogin .loginItem .userInput {
	display:table;
	margin-bottom:10px;
	width:228px;
}
.boxLogin .loginItem .userInput label {
	color:#000000;
	clear:both;
	width:228px;
	padding-bottom:4px;
}
.boxLogin .loginItem .userInput label.link {
	border-top:1px solid #aaa7a7;
	margin-top:10px;
	padding-top:9px;
	text-align:center;
	padding-bottom:0;
}
.boxLogin .loginItem .userInput input.text {
	width:216px;
	border:1px solid #aaa7a7;
	height:22px;
	padding-left:5px;
	padding-right:5px;
	font-size:11px;
	font-family:Tahoma;
	line-height:22px;
}
.boxLogin .loginItem .userInput .yourCheck {
	width:149px;
	float:left;
	margin-top:5px;
}
.boxLogin .loginItem .userInput .yourCheck label {
	width:auto;
	clear:none;
	float:left;
}
.boxLogin .loginItem .userInput .yourCheck input {
	padding-bottom:0;
	margin-right:5px;
	float:left;
	*margin:-3px 5px 0 0;
	
}
.boxLogin .userInput .errorMessage {
	clear:both;
	float:left;
	width: 208px;
	margin-top:-5px;
	height:26px;
	line-height:26px;
	background-color:#FFFF99;
	border:#FFCC00 1px solid;
	padding:0 9px;
	text-align:center;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
    border-radius:3px;
	color:#FF0000;
	margin-bottom:10px;
	margin-bottom:0\9;
}
/***/
.boxRegister {
	margin-left:580px;
	position:absolute;
	display:table;
	width:380px;
}
.boxRegister h2 {
	width:380px;
	text-align:right;
	display:inline-table;
	font-size:11px;
	font-weight:normal;
	padding-bottom:9px;
}
.boxRegister .registerItem {
	width:340px;
	display:table;
	padding:20px;
	min-height:200px;	
	background-color:#eaeaea\0;
	background-color:#eaeaea\9;
	*background-color:#eaeaea;	
	background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#cbc8c8)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eaeaea,  #cbc8c8); /* for firefox 3.6+ */ 	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    border-radius:5px;	
}
.boxRegister .registerItem h3 {
	color:#1a8f02;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:10px;
}
.boxRegister .userInput {
	display:inline-table;
	width:340px;
	margin-bottom:10px;
}
.boxRegister .userInput label {
	float:left;
	width:61px;
	line-height:24px;
	text-align:left;
}
.boxRegister .userInput label.half {
	width:84px;
	padding-left:15px;
}
.boxRegister .userInput label.tos {
	width:auto;
	padding-left:10px;
}
.boxRegister .userInput input.text {
	width:267px;
	float:left;
	border:1px solid #aaa7a7;
	height:22px;
	padding-left:5px;
	padding-right:5px;
	font-size:11px;
	font-family:Tahoma;
	line-height:22px;
}
.boxRegister .userInput input.half {
	width:78px;
	
}
.boxRegister .userInput input.chk {
	margin-top:5px;
	float:left;
	margin-right:5px;
	*margin-top:2px;
}
.boxRegister .userInput .year,
.boxRegister .userInput .month,
.boxRegister .userInput .day {
	display:inline-table;
	float:left\9;
	*margin-left:-2px;
}
.boxRegister .userInput .month,
.boxRegister .userInput .year {
	margin-left:5px\0;	
	*margin-left:3px;
}
.boxRegister .userInput span.select {
	left:61px;
	background-color:#FFFFFF;
	border:1px solid #aaa7a7;
	line-height:22px;
	height:22px;
	width:66px;	
	font-size:11px;
	text-align:left;
}
.boxRegister .userInput select.select {
	width:89px !important;
}
.boxRegister .userInput select.select option {
	padding:5px;
	font-size:11px;
}
.boxRegister .userInput .month span.select {
	left:155px;
	left:156px\0;
}
.boxRegister .userInput .month select {
	left:1px;
	left:0\0;
}
.boxRegister .userInput .year span.select {
	left:249px;
}
.boxRegister .userInput .year select {
	left:5px;
	left:1px\0;
	*left:1px;
}
.boxRegister .userInput .imgCaptcha {
	float:left;
	margin-left:61px;
}
.boxRegister .userInput .imgCaptcha img {
	border:1px solid #aaa7a7;
}
.boxRegister .userInput .imgRefresh {
	float:left;
	margin-left:5px;
	margin-top:10px;
}
.boxRegister .hasLine {
	background:url(../img/bg/register-line.png) left top repeat-x;
	padding-top:12px;
	display:table;
}
.boxRegister .userInput .errorMessage {
	clear:both;
	float:left;
	width: 320px;
	margin-top:-5px;
	height:26px;
	line-height:26px;
	background-color:#FFFF99;
	border:#FFCC00 1px solid;
	padding:0 9px;
	text-align:center;
	font-weight:bold;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
    border-radius:3px;
	color:#FF0000;
}
